<template>
    <div class="main-container" id="main-aps">
    <div style="background-color: #fff;height:100%"  id="ProductMasterData"> 
            <a-tabs   :lazy-load="true" >
                    <a-tab-pane title="" >
                            <div>
                               <CardNumberList/>
                            </div>
                    </a-tab-pane>
            </a-tabs>
        </div>
   
    </div>
</template>

<script lang="ts">
import CardNumberList from "./cardNumberList.vue"
 import { defineComponent,reactive, ref } from 'vue'
   export default defineComponent({
       name:'lzkhzym',
       components: {CardNumberList },
       setup(){
     
       const pageData = reactive({
            tableIndex:"1"
       })

  
       const tabsChange = (e:string|number)=>{
           pageData.tableIndex = e as string
        //    if (e === '1') {
        //         emitter.emit('refresh-ClothSet')
        //     }  
       }
        return{
            pageData,
            tabsChange
        }
       },
   })
</script>
<style scoped>
    .main-container{
        height: 100%;
    }
    :deep(.arco-picker input){
    padding-left: 0 !important;
}
:deep(.arco-picker){
    padding-left: 0 !important;
}
:deep(.arco-picker-separator){
    padding: 0 !important;
}
</style>